<template> 
<div>
    test
    <button @click="increment">{{count}}</button>
    <div style="font-size: 20px">
    <Edit style="width: 1em; height: 1em; margin-right: 8px" />
    <Share style="width: 1em; height: 1em; margin-right: 8px" />
    <Delete style="width: 1em; height: 1em; margin-right: 8px" />
    <Search style="width: 1em; height: 1em; margin-right: 8px" />
  </div>
</div>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue'
import { useStore } from 'vuex';

const store = useStore()
const count = computed(()=>{
    return store.state.count
})
const increment = ()=>{
    store.commit('increase',store.state.count+1)
}
</script>